<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta name="applicable-device" content="pc,mobile">
    <title>发布新闻</title>
    <!-- 使用load标签加载资源文件 -->
    <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css">
    <script type="text/javascript" src="./assets/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>

</head>
<body>
<!-- 创建栅格布局 -->
<div class="container">
   <jsp:include page="header1.jsp"></jsp:include>
    <!-- 复制登录表单 -->
    <div class="row">
        <!-- 左侧8列 -->
        <div class="col-md-8">
            <!-- 页头 -->
            <div class="page-header">
                <h2>发布文章</h2>
            </div>
            <!-- 注册表单:采用水平表单 -->
            <form action="save.html" enctype="multipart/form-data" method="post">
                <!-- 用隐藏域向服务器传送作者:当用发布文章的用户id -->
                <input type="hidden" name="user_id" value="5">
                <div class="form-group">
                    <label for="title">标题</label>
                    <input type="text" name="title" class="form-control" id="title" placeholder="文章标题">
                </div>
                <div class="form-group">
                    <label>分类</label>
                    <select class="form-control" name="cate_id"> <!--name与字段名对应-->
                        <option value="1">PHP</option>
                        <option value="2">MySQL</option>
                        <option value="3">ThinkPHP</option>
                        <option value="5">html</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>内容</label>
                    <textarea id="editor"  class="form-control" placeholder="文章内容" id="content" name="content" style="min-height: 250px;">
                        &lt;font color="#cc9933"&gt;PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作PHP与Ajax操作&lt;/font&gt;
                    </textarea>
                </div>

                <div class="form-group">
                    <label for="title_img">标题图片</label>
                    <input type="file" name="title_img" id="title_img">
                    <p class="help-block"></p>
                </div>
                <!-- 这里使用原生的post提交 -->
                <button type="submit" class="btn btn-primary">保存</button>
            </form>
            <!-- 右侧4列 -->
        </div>
        <div class="col-md-4">
            <div class="page-header"><h2>热门浏览</h2></div>
            <!-- 列表使用:列表组来做 -->
            <div class="list-group">
                <a href="detail.html" class="list-group-item active">PHP与Ajax操作<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">新闻发布系统教程<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">5</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item active">PHP与Ajax操作<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">新闻发布系统教程<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">5</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
            </div>
        </div>

        <!-- 底部开始 -->
    </div>
</div>
<script src="./assets/nicedit/nicEdit.js"></script>
<script type="text/javascript">
    var editor = $('#editor');
    if (editor.attr('id') !== undefined) {
        bkLib.onDomLoaded(function () {
            new nicEditor().panelInstance('editor');
        })
    }
</script>
<!-- 底部结束 -->
</body>
</html>